<template>
  <div id="app">
    <!-- <keep-alive> -->
      <router-view></router-view>
    <!-- </keep-alive> -->
    <fullplay v-show="isShowfull"></fullplay>
    <minplay v-show="isShowmin"></minplay>
    <audioplay></audioplay>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import fullplay from '@/components/fullplay'
import minplay from '@/components/minplay'
import audioplay from '@/components/audioplay'
export default {
  name: 'app',
  components: {
    fullplay,
    minplay,
    audioplay
  },
  computed: {
    ...mapState({
      isShowfull: 'isShowfullplayer',
      isShowmin: 'isShowminplayer'
    })
  }
}
</script>
<style lang="stylus">
#app
  background #fff
</style>
